.chat-bubble {
    -fx-padding: 8 12 8 12;
    -fx-background-radius: 10px;
    -fx-background-insets: 0;
    -fx-max-width: infinity; /* 允许扩展到prefWidth */
}

/* 用户自己的消息气泡增加右侧尖角 */
.user-bubble {
    -fx-background-color: #a8d8ff;
    -fx-effect: dropshadow(gaussian, rgba(0,0,0,0.1), 8, 0, 0, 2);
}

/* 其他人的消息气泡增加左侧尖角 */
.other-bubble {
    -fx-background-color: white;
    -fx-effect: dropshadow(gaussian, rgba(0,0,0,0.1), 8, 0, 0, 2);
}